page {
	height: 100%;
}
[v-cloak] {
    display: none;
}
.meituan {
	background-color: #fdc414;
	padding-bottom: 150rpx;
}

.quan-box {
	background-color: #fff;
	margin:0 50rpx;
	border-radius: 20rpx;
}

.quan-box-top {
	display: flex;
	align-items: center;
	padding: 60rpx;
}

.quan-arrow {
	width: 60rpx;
	margin-bottom: 45rpx;
}

.quan-box-item {
	text-align: center;
}

.quan-box-item image {
	width: 80rpx;
}

.quan-box-item text {
	display: inline-block;
	font-size: 28rpx;
}

.quan-body {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 30rpx 50rpx;
	border: none;
	border-top: 1px dashed #009BFF;
	position: relative;
}

.quan-body::before {
	content: '';
	width: 25rpx;
	height: 50rpx;
	position: absolute;
	border: 1px solid #009BFF;
	border-radius: 0 20px 20px 0;
	border-left: 1px solid #009BFF;
	position: absolute;
	left: -2rpx;
	top: -30rpx;
	background-color: #009BFF;
}
.quan-body::after {
	content: '';
	width: 25rpx;
	height: 50rpx;
	position: absolute;
	border: 1px solid #009BFF;
	border-radius: 20px 0 0 20px;
	border-right: 1px solid #009BFF;
	position: absolute;
	right: -2rpx;
	top: -30rpx;
	background-color: #009BFF;
}
.quan-code {
	width: 350rpx;
	margin-bottom: 30rpx;
}
.meituan .quan-body{
	border-top: 1px dashed #fdc414;
}
.meituan .quan-body::before{
	background-color: #fdc414 !important;
	border: 1px solid #fdc414;
}
.meituan .quan-body::after{
	background-color: #fdc414 !important;
	border: 1px solid #fdc414;
}
.quan-btn {
	width: 90%;
	color: #FFFFFF !important;
	background-color: #009BFF;
	padding: 4rpx;
	border-radius: 50rpx;
	margin: 16rpx 0;
	border: 1px solid #009BFF;
}
.meituan .quan-btn{
	border: none;
}
.elm{
	background-color: #009bff;
	padding-bottom: 150rpx;
}
.notice-box{
	padding: 60rpx;
	padding-bottom: 0;
	font-size: 24rpx;
	color: #fff;
}
.notice-box text{
	display: block;
	margin-bottom: 16rpx;
}
.notice-box text:first-child{
	font-size: 28rpx;
}
